.share {
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  padding-top: 300rpx;

  .share-image {
    width: 100vw;
    // height: 100vh;
    // margin: 0 75rpx;
    // border: 1px solid black;
  }

  button {
    margin-top: 20rpx;
  }

  .my_canvas {
    .img {
      width: 100vw;
      // height: 500rpx;
      border-radius: 0rpx 0rpx 0rpx 0rpx;

      image {
        width: 100%;
      }
    }

    .name {
      padding: 24rpx;
      font-size: 32rpx;
      color: #ffffff;
      line-height: 51rpx;
      position: relative;
      top: -100rpx;
    }

    .content {
      position: relative;
      top: -68rpx;
      padding: 0 24rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .left {
        .act-date {
          font-size: 32rpx;
          color: #ffffff;
          line-height: 51rpx;
        }

        .date {
          font-weight: 500;
          font-size: 32rpx;
          color: #ffffff;
          line-height: 51rpx;
          margin: 32rpx 0;
        }

        .tips {
          font-size: 24rpx;
          color: #ffffff;
          line-height: 38rpx;
        }
      }

      .right {
        width: 160rpx;
        height: 160rpx;
        border: 2rpx solid #f1f1f1;
        font-size: 24rpx;
        color: #ffffff;
        line-height: 38rpx;

        image {
          width: 160rpx;
        }
      }
    }
  }
}
